import React from 'react'


// 组件导入
import Real from './Component/Real_time_data'
import Quick_entry from './Component/Quick_entry'
import To_dos from './Component/To_dos'
import Order_statistics from './Component/Order_statistics'
import Sale_statistics from './Component/Sale_statistics'
import Product_sales_ranking from './Component/Product_sales_ranking'
import Head_of_Group_Sales from './Component/Head_of_Group_Sales'
import Flushed from './Component/Flushed'

export default function Operate_monitor(props) {
  const {collapsed} = props
  return (
    <div>

      <div style={{ width: '100%', display: 'flex' }}>
        <Real></Real>
        <Quick_entry></Quick_entry>
      </div>

      <Flushed></Flushed>

      <div style={{ width: '100%', display: 'flex' }}>
        <div>
          <To_dos></To_dos>
          <Order_statistics name='订单统计' count='订单数量'></Order_statistics>
        </div>
        <Product_sales_ranking title='商品销售排行'></Product_sales_ranking>
      </div>

      <div style={{ width: '100%', display: 'flex', position: 'relative' }}>
        <Sale_statistics name='销售统计' count='销售数量'></Sale_statistics>
        <Head_of_Group_Sales title='团长销售排行'></Head_of_Group_Sales>
      </div>
      
    </div>
  )
}
